<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head th:replace="header :: head">
<meta charset="UTF-8">
<title>江湖-藏经阁</title>
</head>

<body>
<header  th:replace="header :: header">
</header>
<div class="container layout layout-margin-top">
	<div class="row">
      <div class="col-xs-6 col-sm-9">
	      <div class="content">
	        	<div class="row course-cates">
	            	<div class="col-md-1 course-cates-title">行业：</div>
		            <div class="col-md-11 course-cates-content">
		                <span v-for="industry in industries" class="industry" >
							<a class="" href="#" :id="industry.id" v-on:click="getIndCates(industry.id)">{{industry.name}}</a>
						</span>
		            </div>
	        	</div>
	      		<div class="row course-cates">
	            <div class="col-md-1 course-cates-title">标签：</div>
	            <div class="col-md-11 course-cates-content">
	                <!--<span><a class="active" href="#">全部</a></span>-->

					<span v-for="indcat in indCates" class="industry" >
						<a class="" href="#" :id="indcat.id" v-on:click="refreshBooks($event)">{{indcat.name}}</a>
					</span>

	            </div>
	        </div>
	      </div>
	      <div class="content position-relative">
      			<ul class="nav nav-tabs" role="tablist">
            		<li class="active"><a href="#free">免费</a></li>
            		<li class=""><a href="#nofree">收费</a></li>
       			 </ul>
       			 <div class="clearfix"></div>
       			 <div class="row" id="myTabContent" >
       			 	<div class="tab-pane fade in active" id="free">
						<div class="col-md-4 col-sm-6  course" v-for="book in books">
    						<a class="course-box" :href="book.url">
        						<div class="sign-box">
						            <i class="fa fa-star-o course-follow pull-right"
						                data-follow-url="/courses/63/follow"
						                data-unfollow-url="/courses/63/unfollow"  style="display:none"  ></i>
						            
        						</div>
        						<div class="course-img">
            					<img :alt="book.name" src="../img/linux.jpg">
        					</div>
        
					        <div class="course-body">
					            <span class="course-title" data-toggle="tooltip" data-placement="bottom" :title="book.name">{{book.name}}</span>
					        </div>
					        <div class="course-footer">
								<span class="course-per-num pull-left">
					                <i class="fa fa-users"></i>
					                
					                  {{book.zan}}
					                
								</span>

							        </div>
							    </a>
							</div>

					</div>
					<div class="tab-pane fade" id="nofree">6666</div>
       			 </div>
      	 </div>
      </div>
      	
      
      <div class="col-xs-6 col-sm-3">
      		<div class="sidebox">
    
				<div class="sidebox-header">
					<h4 class="sidebox-title">最热</h4>
					</div>
				<div class="sidebox-body course-content side-list-body">
			        <a href="/paths/python"><img style="width:25px;height:25px" src="../img/1471513769430.png"> Python 研发工程师</a>
			        <a href="/paths/bigdata"><img style="width:25px;height:25px" src="../img/1471513926288.png"> 大数据工程师</a>
			        <a href="/paths/cpp"><img style="width:25px;height:25px" src="../img/1471513793360.png"> C++ 研发工程师</a>
			        <a href="/paths/security"><img style="width:25px;height:25px" src="../img/1471513867033.png"> 信息安全工程师</a>
			        <a href="/paths/linuxsys"><img style="width:25px;height:25px" src="../img/1471514004752.png"> Linux 运维工程师</a>
				</div>
    
			</div>
      		<div class="sidebox">
    
				<div class="sidebox-header">
					<h4 class="sidebox-title">最新</h4>
					</div>
				<div class="sidebox-body course-content side-list-body">
			        <a href="/paths/python"><img style="width:25px;height:25px" src="../img/1471513769430.png"> Python 研发工程师</a>
			        <a href="/paths/bigdata"><img style="width:25px;height:25px" src="../img/1471513926288.png"> 大数据工程师</a>
			        <a href="/paths/cpp"><img style="width:25px;height:25px" src="../img/1471513793360.png"> C++ 研发工程师</a>
			        <a href="/paths/security"><img style="width:25px;height:25px" src="../img/1471513867033.png"> 信息安全工程师</a>
			        <a href="/paths/linuxsys"><img style="width:25px;height:25px" src="../img/1471514004752.png"> Linux 运维工程师</a>
				</div>
    
			</div>
			<div class="side-image side-qrcode">
    			<img src="../img/myweixin.jpg">
    			<div class="side-image-text">关注公众号，手机看教程</div>
			</div>
      </div>      
   </div>
</div>
<div th:replace="header :: loginmodel"></div>
<footer th:replace="footer :: footer"></footer>

<div th:replace="footer :: js"></div>
<script type="text/javascript" src="http://unpkg.com/vue/dist/vue.js"></script>
<script type="text/javascript" src="js/cangjingge.js"></script>
</body>
</html>